<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="background-color: cornflowerblue;">
    <!--
    CSS 设置样式的
        通过元素的style属性进行设置
        style=”样式名：样式值；样式名：样式值；。。。。。“ 
        
        块元素：自己独占一行的元素 块元素的CSS样式的宽、高等等，往往都是生效的
            div  h1-h6
        行内元素：不会自己独占一行的元素 行内元素的CSS样式的宽、高等等，很多都是不生效的
            span img a
        -->
        <div style="border: 1px solid rebeccapurple;width: 500px;height: 200px;margin: 10px auto;background-color: aquamarine;">我是欧耶~</div>
        <div style="border: 1px solid rebeccapurple;width: 500px;height: 200px;margin: 10px auto;background-color: aquamarine;">我是哇哦~</div>
        <div style="border: 1px solid rebeccapurple;width: 500px;height: 200px;margin: 10px auto;background-color: aquamarine;"><span style="font-size: 30px;color: brown;font-weight: bold;">我是曼波~</span></div>
        <span style="border: 1px solid green;width: 500px;height: 600px;">666</span>
</body>
</html>